<!DOCTYPE html>
<html>
<head>
	<title>
		求购
	</title>
	<meta charset="utf-8">
	<script type="text/javascript" src='js/jquery-3.1.1.min.js'></script>
	<style type="text/css">
	body{
		background-color: rgb(238,239,241);
	}
		#qiugou_content{
        	width: 85%;
        	height: 60px;
        	background-color: white;
        	margin: 5px auto;
        }
        #qiugou_content ul{
        	list-style-type: none;
        }
        #qiugou_content ul li{
        	float: left;
        	
        }
        #qiugou_content ul li span a{
        	font-size: 22px;
        	float: left;
        	font-size: bold;
        	line-height: 50px;
        	font-weight: 600;
        	text-decoration: none;
        }
        #qiugou_content ul li span a:link{
        	color:rgb(0,0,0);
        }
        #qiugou_content ul li span a:hover{
           color: rgb(255,68,102);
           text-decoration: underline;
        }
        #qiugou_content ul li div{
        	border: 1px solid black;
        	margin-top: 15px;
            float: left;
           margin-left: 20px;
        }
        .price{
        	font-weight: bold;
        	color: rgb(255,68,102);
        	margin-left: 200px;
        	margin-top: 15px;
        	font-size: 24px;
        }
        .area{
        	color: rgb(193,168,153);
        	
        	margin-left: 200px;
        	margin-top: 20px;
        	font-size: 18px;
        }
        .date{
        	
        	color: rgb(193,168,153);
        	margin-left: 200px;
        	margin-top: 20px;
        	font-size: 18px;
        }
	</style>
</head>
<body>
    	<div id="qiugou_content">
    	<ul>
    		<li><span><a href="#">不用电的吸尘器</a></span><div>家用电器</div></li>
    		<li class="price">1500</li>
    		<li class="area">裕华区</li>
    		<li class="date">17-3-4</li>
    	</ul>
    </div>


</body>
</html>